<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的播放器</title>
    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="container mt-4">
        <h1>我的播放器</h1>
        <button class="btn btn-primary btn-block  mt-4" id="add-music-btn" type="button">添加歌曲到曲库</button>
        <div id="tracksList" class="mt-4"></div>
      </div>
      <div class="container fixed-bottom bg-white pd-4">
          <hr>
          <div class="row my-2" id="player-status"></div>
          <div class="progress">
            <div class="progress-bar" id="progress-bar" role="progressbar" style="width: 0%;color: #000;">0%</div>
          </div>
      </div>
      <script src="./index.js"></script>
</body>
</html>